<div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
  <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="8" [nzSm]="24" *ngFor="let item of cardList">
    <nz-card [nzBordered]="false" [nzTitle]="item.title" [nzExtra]="extraTemplate">
      <div class="content highlighted">
        <div class="font-icon">
          $<app-count-to [value]="item.value"></app-count-to>
        </div>
        <i class="font-icon" nz-icon nzType="field-time" nzTheme="outline"></i>
      </div>
      <div class="content">
        <div>总访问数据</div>
        <div>$12000</div>
      </div>
    </nz-card>
    <ng-template #extraTemplate>
      <nz-tag [nzColor]="'magenta'">月</nz-tag>
    </ng-template>
  </div>
</div>
